oc_logo.gif (1371 bytes)
top_divide_left.gif (844 bytes) top_divide_right.gif (844 bytes)
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)DHTML Web Menu FAQ
My menu does not display on top of a flash object in the page, is there a fix?

This is not a z-indexing issue, rather a limitation of the browser itself and DHTML, all DHTML objects will behave this way.  You can overcome this issue in some browsers by setting the wmode parameter of the flash object to transparent....

<param name="WMODE" value="TRANSPARENT">


My menu will not cross a frame, instead it gets cut off, is there a fix?

Unfortunately this is another limitation of the browser, and all DHTML will behave the same way.  There are some specific products out there written to work in this scenario, however they are typically buggy and very difficult to implement.  Note: The menu will show on top of IFRAMES in newer browsers.


My sub menu appears on top of an IFRAME, however it hangs when moving off the sub, is there a fix?

We have created some special code for IE which will allow this to work, paste the following directly after the 'Web Menu code' section in the head of the HTML source (do this using a plain text editor such as notepad or formatting tags may be unnecessarily included)...  Must appear before the closing script tag (</script>).


if (window.external){attachEvent("onload",cdd_handle_iframe);}
function cdd_handle_iframe(){for (i=0;i<(tobj = document.getElementsByTagName("IFRAME")).length;i++) tobj[i].attachEvent("onmouseover",cdd__hmm);}


You can also call the documents cdd__hmm() function which is what handles mouse movement for the menu, call this from the IFRAME tag itself or the IFRAME's document to close out the sub menus, pass it a valid event object.


When I try to attach the menu to my web page I get an error (Object Expected).

If the menu fails to display and you receive this error it typically means the data file or supporting script files were not located by the browser.  Double check that they are in the correct relative folders on your web server, double check the references to the files in your HTML source.  Finally double check the codebase and database values, codebase points to the folder location of the script files, database points to the location of the settings files, both must be terminated with a '/' character.


When I try to attach the menu to my web page the menu works but none of the colors or formatting I specified are showing.

This means the menu_styles.css file is not referenced correctly in the source html or the file itself is missing from the server (note you may have renamed this file).


Why is the 'cursor:hand' setting duplicated in each section of the styles file?

This is for cross browser compatibility, old IE does not pass this value to its children, and Netscape requires the 'cursor:pointer' reference instead.  We recommend leaving these in place for correct cursor display across all platforms and browsers.


How do I use one data file for multiple HTML documents in multiple folders?

This menu is specifically designed to handle this scenario.  Within the settings file (menu_settings.js) define all URL links and image references relative to the location of the settings file, not the HTML page.  In the head script section of each HTML page set the 'cdd__database' value equal to the folder location of the settings file, this folder is specified relative to the HTML page.  If the folder location of your settings file is called 'data' and your html page is one level up, you would set it to...  cdd__database = "data/". 

top_divide_left.gif (844 bytes) top_divide_right.gif (844 bytes)